<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>原型</title>
		<style type="text/css">
			.box{
				margin: 30px;
				width: 200px;
				height: 200px;
				background: red;	
			}
		</style>
	</head>

	<body>
		<!--<div style="width: 200px;height: 200px;background: red;"></div>-->
		<div class="box"></div>
		<div class="box"></div>
		<script type="text/javascript">
			/* 1）定义一个数组对象
			 * 2）为该对象添加求数组中所有元素之和的方法
			 * 3）输出调用该对象的求和方法，查看结果
			 * 4）又定义一个数组对象，可以直接利用该求和方法吗？
			 * 如果能用，就调用查看结果
			 * 如果不能用，要怎么解决让它能用*/
			//1、定义数组
			var arr1=new Array(1,2,3,4,5,6,7,8,9);
			//2、给数组添加求和方法
			arr1.sum=function(){
				var sum=0;
				for(var i=1;i<arr1.length;i++){
					sum+=arr1[i];
				}
				return sum;
			}
			//3、调用查看结果
			console.log(arr1.sum());
			
			var arr2=new Array(2,3,4);
			//arr2.sum();
			
			
			//利用原型，给一组对象加方法，实现类似css中的class的效果
			var arr5=[1,2,3];
			var arr6=new Array(5,6);
			Array.prototype.add=function(){
				var result=0;
				for(var k=0;k<this.length;k++){
					result+=this[k];
				}
				return result;
			};
			//调用
			arr5.add(arr5.add());
			arr6.add(arr6.add());
		</script>
	</body>

</html>